<template>
  <div class="navbar-dark fixed-top"  style="background:#1D1D20;">
    <nav class="navbar navbar-expand-lg container" style="padding-bottom:4px">
      <div class="collapse navbar-collapse" id="navbarTogglerDemo01">
        <a class="navbar-brand" href="#"></a>
        <a class="navbar-brand" href="#">工作室</a>
        <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
          <li class="nav-item active">
            <a class="nav-link" href="#">照片<span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">视频</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">游戏</a>
          </li>
        </ul>
        <form class="form-inline my-auto my-lg-0">
          <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
          <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
        </form>
        <div>
          <ul class="navbar-nav mr-3 ml-3 mt-2 mt-lg-0">
            <li class="nav-item">
              <a class="nav-link" @click="signup">注册</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" @click="signin">登录</a>
            </li>
          </ul>
        </div>
          <ul class="navbar-nav">
            <p class=" nav navbar-text">您好,</p>
            <li class="nav-item dropdown">     
              <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">付祥</a>
              <div class="dropdown-menu  bg-light">
                <a class="dropdown-item" href="#">个人信息</a>
                <div class="dropdown-divider"></div>
                <a class="dropdown-item" href="#">注销</a>
              </div>
            </li>
          </ul>
      </div>
    </nav>
  </div>
</template>
<script>
export default {
  name: 'Navigation',
  methods: {
    signin:function(){
        this.$router.push('/Login');
    },
    signup:function(){
        this.$router.push('/Register');
    },
  }
}
</script>
<style scoped>
</style>
